<template>
  <div>
    <el-row class="first_line">
      <el-col :span="8">
        <div style="font-size: 25px;">
          首页监控大屏
        </div>
      </el-col>
      <!--      <el-col :span="8" 空白区域></el-col>-->
      <el-col :span=" 8" :offset="8">
        <el-row>
          <el-col class="time" id="time" :span="20">
          </el-col>
          <el-col :span="3">
            <el-button
              style="font-size: 25px;color: #ccd8e0"
              icon="el-icon-s-tools"></el-button>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "my_header",
  mounted() {
    setInterval(function () {
      var myDate = new Date();
      console.log(parseInt(myDate.getMonth())+1)
      var x = myDate.getFullYear() + "年" +(parseInt(myDate.getMonth())+1).toString() + "月" + myDate.getDate() + "日 " + "<br>" + myDate.getHours() + "点" + myDate.getMinutes() + "分" + myDate.getSeconds() + "秒";
      document.getElementById("time").innerHTML = x;
    }, 1000);
  }
}
</script>

<style scoped>

</style>
